<template>
	<div>
		<div>
			<van-nav-bar
			  title="编辑资料"
			  left-arrow
			  @click-left="onClickLeft"
			/>
			<van-row>
			  <van-col span="2"></van-col>
			  <van-col span="20">
				  <div>
					  <div>
						  <van-cell-group inset>
						    <!-- 输入任意文本 -->
						    <van-field v-model="text" label="头像" />
						    <!-- 输入手机号，调起手机号键盘 -->
						    <van-field v-model="text" type="text" label="用户名称" />
						    <!-- 允许输入正整数，调起纯数字键盘 -->
						    <van-field v-model="text" type="text" label="性别" />
						    <!-- 允许输入数字，调起带符号的纯数字键盘 -->
						    <van-field v-model="number" type="number" label="生日" />
						    <!-- 输入密码 -->
						    <van-field v-model="password" type="password" label="地区" />
							
						    <van-field v-model="password" type="password" label="个人简历" />
							
						    <van-field v-model="tel" type="tel" label="手机号" />
						  </van-cell-group>
					  </div>
				  </div>
				  
			  </van-col>
			  <van-col span="2"></van-col>
			</van-row>
		</div>
	</div>
</template>

<script>
	import { ref } from 'vue';
	export default {
	  setup() {
	    const onClickLeft = () => history.back();
		    const tel = ref('');
		    const text = ref('');
		    const digit = ref('');
		    const number = ref('');
		    const password = ref('');
	    return {
	      onClickLeft,
		   tel, 
		   text, 
		   digit, 
		   number, 
		   password, 
	    };
	  },
	};
</script>

<style>
</style>

